<template>
  <view class="container">
    <view class="header">
      用户服务条款
    </view>
    <view class="content">
      <p class="indent-line">欢迎使用我们的服务！请您仔细阅读以下条款与条件。</p>
      <p class="bold-text">服务条款确认与接纳</p>
      <p class="indent-line">秀山土家族苗族自治县中和街道办事处拥有《机房巡检》其涉及到的产品、相关软件的所有权和运作权，
	  秀山土家族苗族自治县中和街道办事处享有对其产品的上一切活动的监督、提示、检查、纠正及处罚等权利。
	  用户通过注册程序阅读本服务条款并点击"注册"按钮完成注册，即表示用户与秀山土家族苗族自治县中和街道办事处已达成协议，
	  自愿接受本服务条款的所有内容。如果用户不同意服务条款的条件，则不能获得使用《机房巡检》小程序服务以及注册成为《机房巡检》用户的权利。</p>
      <p class="bold-text">使用规则</p>
      <ul>
        <li>1.用户注册成功后，《机房巡检》小程序将给予每个用户一个用户账号及相应的密码，该用户账号和密码由用户负责保管；用户应当对以其用户账号进行的所有活动和事件负法律责任。</li>
        <li>2.用户须对在 RuoYi 的注册信息的真实性、合法性、有效性承担全部责任，用户不得冒充他人；不得利用他人的名义发布任何信息；不得恶意使用注册帐户导致其他用户误认；否则秀山土家族苗族自治县中和街道办事处有权立即停止提供服务，收回其账号并由用户独自承担由此而产生的一切法律责任。</li>
        <li>
			3.用户不得使用《机房巡检》小程序发送或传播敏感信息和违反国家法律制度的信息，包括但不限于下列信息:
			<ul class="sub-list">
			  <li class="item">反对宪法所确定的基本原则的；</li>
			  <li>危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</li>
			  <li>损害国家荣誉和利益的；</li>
			  <li>煽动民族仇恨、民族歧视，破坏民族团结的；</li>
			  <li>破坏国家宗教政策，宣扬邪教和封建迷信的；</li>
			  <li>散布谣言，扰乱社会秩序，破坏社会稳定的；</li>
			  <li>散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</li>
			  <li>侮辱或者诽谤他人，侵害他人合法权益的；</li>
			  <li>含有法律、行政法规禁止的其他内容的。</li>
			</ul>
		</li>
		<li>4.秀山土家族苗族自治县中和街道办事处有权对用户使用《机房巡检》的情况进行审查和监督，如用户在使用《机房巡检》时违反任何上述规定，秀山土家族苗族自治县中和街道办事处或其授权的人有权要求用户改正或直接采取一切必要的措施以减轻用户不当行为造成的影响。</li>
		<li>5.盗取他人用户账号或利用网络通讯骚扰他人，均属于非法行为。用户不得采用测试、欺骗等任何非法手段，盗取其他用户的账号和对他人进行骚扰。</li>
	  </ul>
	  <p class="bold-text">免责声明</p>
	  <ul>
	    <li>1.秀山土家族苗族自治县中和街道办事处不能对用户在本社区回答问题的答案或评论的准确性及合理性进行保证。</li>
		<li>2.若《机房巡检》已经明示其网络服务提供方式发生变更并提醒用户应当注意事项，用户未按要求操作所产生的一切后果由用户自行承担。</li>
		<li>3.用户明确同意其使用《机房巡检》小程序网络服务所存在的风险将完全由其自己承担；因其使用《机房巡检》小程序而产生的一切后果也由其自己承担，秀山土家族苗族自治县中和街道办事处对用户不承担任何责任。</li>
		<li>4.秀山土家族苗族自治县中和街道办事处不保证网络服务一定能满足用户的要求，也不保证网络服务不会中断，对网络服务的及时性、安全性、准确性也都不作保证。</li>
		<li>5.对于因不可抗力或《机房巡检》小程序不能控制的原因造成的网络服务中断或其它缺陷，秀山土家族苗族自治县中和街道办事处不承担任何责任，但将尽力减少因此而给用户造成的损失和影响。</li>
		<li>6.用户同意保障和维护《机房巡检》小程序及其他用户的利益，用户在《机房巡检》小程序发表的内容仅表明其个人的立场和观点，并不代表秀山土家族苗族自治县中和街道办事处的立场或观点。由于用户发表内容违法、不真实、不正当、侵犯第三方合法权益，或用户违反本协议项下的任何条款而给秀山土家族苗族自治县中和街道办事处或任何其他第三人造成损失，用户同意承担由此造成的损害赔偿责任。</li>
	  </ul>
	  <p class="bold-text">服务条款的修改</p>
	  <p class="indent-line">秀山土家族苗族自治县中和街道办事处会在必要时修改服务条款，服务条款一旦发生变动，秀山土家族苗族自治县中和街道办事处将会在用户进入下一步使用前的页面提示修改内容。如果您同意改动，请再一次激活"我同意"按钮。如果您不接受，请及时取消您的帐户。 用户要继续使用《机房巡检》小程序各项服务需要两方面的确认:</p>
	  <ul>
	    <li>1.首先确认秀山土家族苗族自治县中和街道办事处服务条款及其变动。</li>
		<li>2.同意接受所有的服务条款限制。</li>
	  </ul>
	  <p class="bold-text">隐私政策</p>
	  <p class="indent-line">秀山土家族苗族自治县中和街道办事处非常重视对用户隐私权的保护，承诺不会在未获得用户许可的情况下擅自将用户的个人资料信息出租或出售给任何第三方，但以下情况除外:</p>
	  <ul class="sub-list">
	    <li class="item">您同意让第三方共享资料；</li>
	  	<li class="item">您同意公开你的个人资料，享受为您提供的产品和服务；</li>
		<li class="item">本站需要听从法庭传票、法律命令或遵循法律程序；</li>
		<li class="item">本站发现您违反了本站服务条款或本站其它使用规定。</li>
	  </ul>

	  <view class="bottom">
	      <button
			:class="{ disabled: isDisabled }"
			@click="handleClick"
			:style="{ backgroundColor: buttonBackgroundColor }"
			>{{ buttonText }}
		  </button>
	    </view>
	</view>
  </view>
</template>

<script>
	export default {
		name: "protocol",
		onShow() {
			console.log('Service Agreement Page Shown');
		},
		data() {
			return {
				isDisabled: true, // 控制按钮的禁用状态
				timer: null, // 计时器引用
				buttonText: '开始阅读', // 按钮文本
				buttonBackgroundColor: '#cccccc', // 按钮背景颜色
				remainingTime: 0, // 剩余时间, 设置为 0
				intervalId: null // 间隔执行ID
			};
		},
		onLoad() {
		  // 页面加载完成后启动定时器
		  this.startReadingTimer();
		},
		methods: {
		  startReadingTimer() {
			  this.intervalId = setInterval(() => {
				  if (this.remainingTime > 0) {
					this.remainingTime--;
					this.buttonText = `请等待 ${this.remainingTime} 秒后点击`;
				  } else {
					this.buttonText = '点击我';
					this.buttonBackgroundColor = '#ffaa7f'; // 绿色背景
					this.isDisabled = false; // 启用按钮
					clearInterval(this.intervalId); // 清除定时器
				  }
			  }, 1000); // 每秒更新一次

		  },

		  handleClick() {
			if (!this.isDisabled) {
			  uni.showToast({
				title: '正在为您跳转到登录页面',
				icon: 'success',
				duration: 1500
			  });

			  // 设置定时器，在2秒后生效
			  setTimeout(() => {
			    this.$tab.redirectTo(`/pages/login_new`)
			  }, 1800);
			}
		  }
		}
	};
</script>

<style lang="scss" scoped>
	.container {
	  padding: 20px;
	  font-family: Arial, sans-serif;
	}

	.header {
	  display: flex; /* 使用 Flexbox 布局 */
	  justify-content: center; /* 水平居中 */
	  width: 100%;
	  font-size: 26px;
	  font-weight: bold;
	  margin-bottom: 10px;

	}

	.content {
	  font-size: 16px;
	  line-height: 1.6;
	}

	.content p {
	  margin-bottom: 10px;
	}

	.content ul {
	  list-style-type: disc;
	  margin-left: 20px;
	}

	.content li {
	  margin-bottom: 5px;
	}

	.content .bold-text {
	  font-family: 'Arial Black', Gadget, sans-serif; /* 黑体 */
	  font-size: 22px; /* 字体大小 */
	  font-weight: bold; /* 加粗 */
	}

	.content .indent-line {
	  text-indent: 2em; /* 使首行文字缩进两个字符 */
	}

	.sub-list li::before {
	  content: '○ ';
	}

</style>
